<template>
    <div style="margin-left: 25px;margin-top: 20px;width: 650px;height: 120px;">
        <el-row :gutter="12">
    <el-col :span="8" >
      <el-card shadow="always" style="padding-top: 0px;">
        <div>
            <el-button type="primary" :icon="Edit" circle style="margin-left: 130px;"/>
        </div>
        <h2>4682</h2>
        访问量
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="always" style="padding-top: 0px;">
        <div>
            <el-button type="primary" :icon="Edit" circle style="margin-left: 130px;"/>
        </div>
      <h2>2051</h2>
      销售额
      </el-card>
    </el-col>
    <el-col :span="8">
      <el-card shadow="always" style="padding-top: 0px;">
        <div>
            <el-button type="primary" :icon="Edit" circle style="margin-left: 130px;"/>
        </div>
      <h2>430</h2>
      众包任务量
      </el-card>
    </el-col>
  </el-row>
    </div>
  
    <div style="margin-left: 25px;
    margin-top: 20px;
    width: 650px;
    height: 200px;">
        <el-card class="box-card">
    <template #header>
      <div class="card-header">
        <span>版本信息</span>
        <el-button class="button" text style="margin-left: 400px;">Operation button</el-button>
      </div>
    </template >
    <div>
        <el-table  border style="width: 100%;color: black;">
    <el-table-column  width="180" />
    <el-table-column  width="180" />
    <el-table-column />
  </el-table>
    </div>
  </el-card>
    </div>
    
</template>

<script setup lang="ts">
import {
  Check,
  Delete,
  Edit,
  Message,
  Search,
  Star,
} from '@element-plus/icons-vue'
</script>

<style scoped>
</style>